.tip-icon {
  width: 15px;
  height: 15px;
  position: relative;
  background-size: 15px !important;
  background-repeat: no-repeat !important;
  border: none;
}

// 答案错误
.answer-error {
  color: #ff6d56 !important;
  background: rgba(255, 109, 86, 0.05) !important;
  border: 1px solid rgba(255, 109, 86, 0.3) !important;
  border-radius: 6px;
  transition: all 0.3s;

  :deep(.el-radio__inner) {
    @extend .tip-icon;
    background: url();
  }

  :deep(.el-checkbox__inner) {
    @extend .tip-icon;
    background: url();
  }

  .tip-icon-inner {
    @extend .tip-icon;
    background: url();
    position: absolute;
    top: 28%;
    right: 11px;
    z-index: 2000;
  }
}

// 答案正确
.answer-correct {
  color: #00bf6f !important;
  background: rgba(0, 191, 111, 0.05) !important;
  border: 1px solid rgba(0, 191, 111, 0.3) !important;
  border-radius: 6px;
  transition: all 0.3s;

  :deep(.el-radio__inner) {
    @extend .tip-icon;
    background: url();
  }

  :deep(.el-checkbox__inner) {
    @extend .tip-icon;
    background: url();
  }

  .tip-icon-inner {
    @extend .tip-icon;
    background: url();
    position: absolute;
    top: 28%;
    right: 11px;
    z-index: 2000;
  }
}

// 标记正确答案
.answer-correct-flag {
  :deep(.el-radio__inner) {
    @extend .tip-icon;
    background: url();
  }

  :deep(.el-checkbox__inner) {
    @extend .tip-icon;
    background: url();
  }
}

.answer-correct,
.answer-error,
.answer-correct-flag {
  :deep(.el-radio__inner::after) {
    background-color: transparent !important;
  }

  :deep(.el-input__wrapper) {
    box-shadow: none;
  }

  :deep(.el-input-number__decrease) {
    display: none;
  }
  :deep(.el-input-number__increase) {
    display: none;
  }

  :deep(.el-checkbox__inner::after) {
    display: none;
  }
}
